<!DOCTYPE html>
<html lang="en" style="width: 1519px;margin: 0 auto;">
<!-- 1663 -->

<head>
    <meta charset="UTF-8">
    <title>第六感(senseluxury)-度假别墅、酒店、公寓,全球精品住宿预订平台</title>
    <link rel="icon" href="">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/bottom.css">
    <link rel="stylesheet" href="css/title.css">
    <link rel="stylesheet" href="element/index.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/villa.css">
    <link rel="stylesheet" href="css/post.css">
    <link rel="stylesheet" href="css/login.css">

    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script src="bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="jquery/jquery-3.6.0.js"></script>
    <script src="vue/vue.min.js"></script>
    <script src="js/api.js"></script>
    <script src="element/index.js"></script>
    <script src="axios/axios.min.js"></script>
    <script src="js/iconfont.js"></script>
    <script src="js/vill.js"></script>
    <script src="js/login.js"></script>
    <script src="js/post.js"></script>
</head>

<body>
    <div id="app">
        <div class="title">
            <div class="title_item_box">
                <div class="logo_img">
                    <img :src="'./image/public/'+website_logo" alt="">
                </div>
                <div class="operation_box">
                    <ul class="ul_css">
                        <li class="operation_li" v-if="userInfo.length!=0">
                            <a href="myaccount_Myorder.html" class="a_text_all">你好,{{userInfo.user_name}}</a>
                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li" v-else>
                            <a class="a_text_all a-out-login">登录</a>
                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li">
                            <a href="#" class="a_text_all" @click="openFullScreen1"
                                v-loading.fullscreen.lock="fullscreenLoading">退出</a>
                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li" id="language_text">
                            <a href="#" class="a_text_all">Language</a>
                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li" id="currency_text">
                            <a href="#" class="a_text_all">CNY</a>
                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li">
                            <a href="#" class="a_text_all">常见问题</a>

                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li" id="pc_text">
                            <img src="image/head/phone-white.svg" width="13"
                                style="vertical-align: baseline; position: relative;top: 2px;">
                            <a href="#" class="a_text_all">APP客户端</a>
                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li">
                            <img src="image/head/phone.svg" width="15"
                                style="vertical-align: baseline; position: relative;top: 2px;">
                            <a href="#" class="a_text_all"
                                style="color:#ff8000; font-style: oblique;font-size: 14px;">400-9600-080</a>
                        </li>
                    </ul>
                    <ul class="ul2 ul_css">
                        <li><a href="#" class="a_text_all">English</a></li>
                        <li><a href="#" class="a_text_all">繁體中文</a></li>
                        <li><a href="#" class="a_text_all">简体中文</a></li>
                        <li style="border: 0;"><a href="#" class="a_text_all">日本语</a></li>
                    </ul>
                    <ul class="ul3 ul_css">
                        <li><a href="#" class="a_text_all">CNY</a></li>
                        <li><a href="#" class="a_text_all">USD</a></li>
                        <li><a href="#" class="a_text_all">HKD</a></li>
                        <li style="border: 0;"><a href="#" class="a_text_all">JPY</a></li>
                    </ul>
                    <div class="ul4 ul_css">
                        <div class="download-1">APP预订，即时简单快捷</div>
                        <div class="img"></div>
                    </div>
                </div>
                <div class="nav_box">
                    <ul class="ul_css">
                        <li class="nav_li">
                            <a href="index.html" class="a_text_all" style="color: #ff8000">首页</a>
                        </li>
                        <li class="nav_li" id="nav_villa">
                            <a href="#" class="a_text_all" id="a_villa">别墅公寓</a>
                            <svg class="icon" aria-hidden="true" style="position: relative;top: -3px;">
                                <use xlink:href="#icon-daosanjiao"></use>
                            </svg>
                        </li>
                        <li class="nav_li">
                            <a href="hotel.html" class="a_text_all">甄选酒店</a>
                        </li>
                        <li class="nav_li">
                            <span class="new"></span>
                            <a href="private.html" class="a_text_all">私享小团</a>
                        </li>
                        <li class="nav_li">
                            <a href="preferential.html" class="a_text_all">限时特惠</a>
                        </li>
                        <li class="nav_li">
                            <a href="single.html" class="a_text_all">晒单</a>
                        </li>
                        <li class="nav_li">
                            <a href="vacation_tips.html" class="a_text_all">度假攻略</a>
                        </li>
                        <li class="nav_li">
                            <a href="vvip.html" class="a_text_all">VVIP</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="triangle"></div> <!-- 三角形 -->
            <div id="big-villa">
                <div id="villa-box">
                    <div class="villa-item villa-hot">
                        <div class="destion_temp">
                            <p class="villa-title">
                                热门海岛
                                <span class="villa-title-hot">Hot</span>
                            </p>
                            <div class="destion_item">
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="普吉岛" href="#">普吉岛</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="苏梅岛" href="#">苏梅岛</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="巴厘岛" href="#">巴厘岛</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="芽庄" href="#">芽庄</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="冲绳" href="#">冲绳</a>
                                    </li>
                                </ul>
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="马尔代夫" href="#">马尔代夫</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="毛里求斯" href="#">毛里求斯</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="欧湖岛" href="#">欧湖岛</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="毛里求斯" href="#">毛里求斯</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="斯里兰卡" href="#">斯里兰卡</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="destion_temp">
                            <p class="villa-title">
                                热门旅游城市
                                <span class="villa-title-hot">Hot</span>
                            </p>
                            <div class="destion_item" style="width: 174px;">
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="伦敦" href="#">伦敦</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="东京" href="#">东京</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="香港" href="#">香港</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="北京" href="#">北京</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="上海" href="#">上海</a>
                                    </li>
                                </ul>
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="纽约" href="#">纽约</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="新加坡" href="#">新加坡</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="巴黎" href="#">巴黎</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="迪拜" href="#">迪拜</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="曼谷" href="#">曼谷</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="destion_temp">
                            <p class="villa-title">
                                热门滑雪地
                                <span class="villa-title-hot">Hot</span>
                            </p>
                            <div class="destion_item">
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="北海道" href="#">北海道</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="长野" href="#">长野</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="安德马特" href="#">安德马特</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="因特拉肯" href="#">因特拉肯</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="美丽贝尔" href="#">美丽贝尔</a>
                                    </li>
                                </ul>
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="富士山" href="#">富士山</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="高雪维尔" href="#">高雪维尔</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="格施塔德" href="#">格施塔德</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="圣莫里茨" href="#">圣莫里茨</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="villa-item">
                        <div class="continent-item">
                            <p class="villa-title">亚洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a title="泰国" href="" class="villa-span-country-a">泰国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="普吉岛" href="">普吉岛</a>
                                    <a class="villa-country-name country_color" title="苏梅岛" href="">苏梅岛</a>
                                    <a class="villa-country-name country_color" title="曼谷" href="">曼谷</a>
                                    <a class="villa-country-name" title="清迈" href="">清迈</a>
                                    <a class="villa-country-name" title="芭提雅" href="">芭提雅</a>
                                    <a class="villa-country-name" title="利帕" href="">利帕</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="日本" href="" class="villa-span-country-a">日本 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="北海道" href="">北海道</a>
                                    <a class="villa-country-name country_color" title="京都" href="">京都</a>
                                    <a class="villa-country-name" title="东京" href="">东京</a>
                                    <a class="villa-country-name" title="大阪" href="">大阪</a>
                                    <a class="villa-country-name country_color" title="富士山" href="">富士山</a>
                                    <a class="villa-country-name" title="伊豆" href="">伊豆</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="印度尼西亚" href="" class="villa-span-country-a">印度尼西亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="巴厘岛" href="">巴厘岛</a>
                                    <a class="villa-country-name" title="龙目岛" href="">龙目岛</a>
                                    <span class="country-free">免签</span>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="越南" href="" class="villa-span-country-a">越南 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="芽庄" href="">芽庄</a>
                                    <a class="villa-country-name country_color" title="岘港" href="">岘港</a>
                                    <a class="villa-country-name country_color" title="富国岛" href="">富国岛</a>
                                    <a class="villa-country-name" title="胡志明市" href="">胡志明市</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="中国" href="" class="villa-span-country-a">中国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="三亚" href="">三亚</a>
                                    <a class="villa-country-name country_color" title="上海" href="">上海</a>
                                    <a class="villa-country-name country_color" title="北京" href="">北京</a>
                                    <a class="villa-country-name country_color" title="香港" href="">香港</a>
                                    <a class="villa-country-name" title="澳门" href="">澳门</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="新加坡" href="" class="villa-span-country-a">新加坡 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="新加坡" href="">新加坡</a>
                                    <a class="villa-country-name" title="圣淘沙岛" href="">圣淘沙岛</a>
                                </li>
                                <li>

                                    <span class="villa-country">
                                        <a title="菲律宾" href="" class="villa-span-country-a">菲律宾 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="长滩岛" href="">长滩岛</a>
                                    <a class="villa-country-name" title="薄荷岛" href="">薄荷岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="马来西亚" href="" class="villa-span-country-a">马来西亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="沙巴" href="">沙巴</a>
                                    <a class="villa-country-name" title="卡威" href="">卡威</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="不丹" href="" class="villa-span-country-a">不丹 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="帕罗" href="">帕罗</a>
                                    <a class="villa-country-name" title="布姆唐" href="">布姆唐</a>
                                </li>
                            </ul>
                        </div>
                        <div class="continent-item indian">
                            <p class="villa-title">印度洋</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country country-span-color">
                                        <a title="马尔代夫" href="" class="villa-span-country-a country-span-a">马尔代夫
                                        </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="马尔代夫" href="">马尔代夫</a>
                                </li>
                                <li>
                                    <span class="villa-country country-span-color">
                                        <a title="斯里兰卡" href="" class="villa-span-country-a country-span-a">斯里兰卡
                                        </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="加勒" href="">加勒</a>
                                    <a class="villa-country-name" title="韦利格默" href="">韦利格默</a>
                                </li>
                                <li>
                                    <span class="villa-country country-span-color">
                                        <a title="毛里求斯" href="" class="villa-span-country-a country-span-a">毛里求斯
                                        </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="贝隆布尔" href="">贝隆布尔</a>
                                    <a class="villa-country-name" title="舍曼格勒涅" href="">舍曼格勒涅</a>
                                    <span class="country-free">免签</span>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="塞舌尔" href="" class="villa-span-country-a">塞舌尔 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="马埃岛" href="">马埃岛</a>
                                    <a class="villa-country-name" title="费利西泰岛" href="">费利西泰岛</a>
                                    <a class="villa-country-name" title="拉迪格岛" href="">拉迪格岛</a>
                                    <span class="country-free">免签</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="villa-item">
                        <div class="continent-item">
                            <p class="villa-title">欧洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a class="villa-span-country-a" title="英国" href="">英国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="伦敦" href="">伦敦</a>
                                    <a class="villa-country-name" title="牛津" href="">牛津</a>
                                    <a class="villa-country-name" title="苏格兰" href="">苏格兰</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="法国" href="" class="villa-span-country-a">法国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="巴黎" href="">巴黎</a>
                                    <a class="villa-country-name country_color" title="高雪维尔" href="">高雪维尔</a>
                                    <a class="villa-country-name" title="普罗旺斯" href="">普罗旺斯</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="芬兰" href="" class="villa-span-country-a">芬兰 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="凯米" href="">凯米</a>
                                    <a class="villa-country-name" title="萨利色尔卡" href="">萨利色尔卡</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="瑞士" href="" class="villa-span-country-a">瑞士 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="采尔马特" href="">采尔马特</a>
                                    <a class="villa-country-name" title="苏黎世" href="">苏黎世</a>
                                    <a class="villa-country-name" title="日内瓦" href="">日内瓦</a>
                                    <a class="villa-country-name" title="格斯塔德" href="">格斯塔德</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="希腊" href="" class="villa-span-country-a">希腊 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="圣托里尼岛" href="">圣托里尼岛</a>
                                    <a class="villa-country-name" title="扎金索斯岛" href="">扎金索斯岛</a>
                                    <a class="villa-country-name" title="米克诺斯岛" href="">米克诺斯岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="土耳其" href="" class="villa-span-country-a">土耳其 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="伊斯坦布尔" href="">伊斯坦布尔</a>
                                </li>
                                <li>

                                    <span class="villa-country">
                                        <a title="意大利" href="" class="villa-span-country-a">意大利 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="罗马" href="">罗马</a>
                                    <a class="villa-country-name" title="米兰" href="">米兰</a>
                                    <a class="villa-country-name" title="佛罗伦萨" href="">佛罗伦萨</a>
                                    <a class="villa-country-name" title="西西里岛" href="">西西里岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="西班牙" href="" class="villa-span-country-a">西班牙 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="巴塞罗那" href="">巴塞罗那</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="荷兰" href="" class="villa-span-country-a">荷兰 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="阿姆斯特丹" href="">阿姆斯特丹</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="奥地利" href="" class="villa-span-country-a">奥地利 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="圣东安" href="">圣东安</a>
                                    <a class="villa-country-name" title="莱赫" href="">莱赫</a>
                                    <a class="villa-country-name" title="维也纳" href="">维也纳</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="俄罗斯" href="" class="villa-span-country-a">俄罗斯 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="莫斯科" href="">莫斯科</a>
                                    <a class="villa-country-name" title="圣彼得堡" href="">圣彼得堡</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="捷克" href="" class="villa-span-country-a">捷克 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="布拉格" href="">布拉格</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="克罗地亚" href="" class="villa-span-country-a">克罗地亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="斯普利特" href="">斯普利特</a>
                                    <a class="villa-country-name" title="佩列沙茨半岛" href="">佩列沙茨半岛</a>
                                    <a class="villa-country-name" title="赫尔瓦岛" href="">赫尔瓦岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="摩纳哥" href="" class="villa-span-country-a">摩纳哥 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="蒙特卡洛" href="">蒙特卡洛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="葡萄牙" href="" class="villa-span-country-a">葡萄牙 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="里斯本" href="">里斯本</a>
                                    <a class="villa-country-name" title="北葡萄牙" href="">北葡萄牙</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="villa-item">
                        <div class="continent-item">
                            <p class="villa-title">大洋洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a title="新西兰" href="" style="color: #4a4a4a;">新西兰 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="皇后镇" href="">皇后镇</a>
                                    <a class="villa-country-name" title="奥克兰" href="">奥克兰</a>
                                    <a class="villa-country-name" title="陶波" href="">陶波</a>
                                    <a class="villa-country-name" title="瓦纳卡" href="">瓦纳卡</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="澳大利亚" href="" style="color: #4a4a4a;">澳大利亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="悉尼" href="">悉尼</a>
                                    <a class="villa-country-name" title="墨尔本" href="">墨尔本</a>
                                    <a class="villa-country-name" title="大洋路" href="">大洋路</a>
                                    <a class="villa-country-name country_color" title="黄金海岸" href="">黄金海岸</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="大溪地群岛" href="" style="color: #4a4a4a;">大溪地群岛 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="波拉波拉岛" href="">波拉波拉岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="斐济" href="" style="color: #4a4a4a;">斐济 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="塔妙妮岛" href="">塔妙妮岛</a>
                                    <a class="villa-country-name" title="瓦努阿岛" href="">瓦努阿岛</a>
                                    <a class="villa-country-name" title="亚萨瓦群岛" href="">亚萨瓦群岛</a>
                                </li>
                            </ul>
                        </div>
                        <div class="continent-item" style="margin-top: -30px; margin-bottom: 20px;">
                            <p class="villa-title">中东和非洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a title="阿联酋" href="" class="villa-span-country-a">阿联酋 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="阿布扎比" href="">阿布扎比</a>
                                    <a class="villa-country-name country_color" title="迪拜" href="">迪拜</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="南非" href="" class="villa-span-country-a">南非 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="开普敦" href="">开普敦</a>
                                    <a class="villa-country-name" title="马迪克韦野生动物保护区" href="">马迪克韦野生动物保护区</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="摩洛哥" href="" class="villa-span-country-a">摩洛哥 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="马拉喀什" href="">马拉喀什</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="肯尼亚" href="" class="villa-span-country-a">肯尼亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="马赛马拉" href="">马赛马拉</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="马达加斯加" href="" class="villa-span-country-a">马达加斯加 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="圣玛丽岛" href="">圣玛丽岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="坦桑尼亚" href="" class="villa-span-country-a">坦桑尼亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="奔巴岛" href="">奔巴岛</a>
                                </li>
                            </ul>
                        </div>
                        <div class="continent-item" style="margin-top: 25px;">
                            <p class="villa-title">美洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a title="美国" href="" class="villa-span-country-a">美国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="洛杉矶" href="">洛杉矶</a>
                                    <a class="villa-country-name country_color" title="纽约" href="">纽约</a>
                                    <a class="villa-country-name" title="奥兰多" href="">奥兰多</a>
                                    <a class="villa-country-name" title="旧金山" href="">旧金山</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="夏威夷" href="" class="villa-span-country-a">夏威夷 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="大岛" href="">大岛</a>
                                    <a class="villa-country-name" title="欧湖岛" href="">欧湖岛</a>
                                    <a class="villa-country-name" title="毛伊岛" href="">毛伊岛</a>
                                    <a class="villa-country-name" title="考艾岛" href="">考艾岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="加拿大" href="" class="villa-span-country-a">加拿大 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="温哥华" href="">温哥华</a>
                                    <a class="villa-country-name" title="惠斯勒" href="">惠斯勒</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="墨西哥" href="" class="villa-span-country-a">墨西哥 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="蓬塔米塔" href="">蓬塔米塔</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="加勒比海" href="" class="villa-span-country-a">加勒比海 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="维京果岛" href="">维京果岛</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="main-login">
            <div id="login-box" class="big-login">
                <div class="img-login">
                    <a href="#">
                        <img src="./image/login/login1.png" alt="">
                    </a>
                </div>
                <div class="phone-use">
                    <div class="ord-title">
                        <div class="ord-title-box">
                            <span class="span-phone">
                                <a>手机验证码登录</a>
                            </span>
                            <span style="margin: 0px 20px; font-size: 20px;">|</span>
                            <span class="span-ord">
                                <a>账号密码登录</a>
                            </span>
                        </div>
                        <div class="ord-xx">
                            <a>
                                <img src="./image/login/login2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="phone-form">
                        <div class="phone-num-coun">
                            <div class="phone-num-box">
                                <div>
                                    <div class="numes">+86</div>
                                    <div class="phone-select">
                                        <img src="./image/login/login6.svg" alt="">
                                    </div>
                                </div>
                                <div class="phone-country-div">
                                    <ul class="phone-country">
                                        <div class="always_phone">常用区号</div>
                                        <li style="color: rgb(0,0,0);">
                                            China (中国)&nbsp;
                                            <span class="inter_num">+86</span>
                                        </li>
                                        <li style="color: rgb(0,0,0);">
                                            Hong Kong (香港)&nbsp;
                                            <span class="inter_num">+852</span>
                                        </li>
                                    </ul>
                                </div>
                                <div>
                                    <input type="text" class="phone-num" v-model="phone" id="phone-inp-lab" autocomplete="off">
                                    <label class="phone-num-lab1" for="phone-inp-lab">请输入手机号</label>
                                </div>
                            </div>
                        </div>

                        <div class="phone-num-box2">
                            <div class="big_txm1">
                                <label for="box2-yzm-inp" style="transition: 0.3s" class="box2-yzm-lab" >请输入图形码</label>
                                <input type="text" class="box2-yzm" id="box2-yzm-inp" autocomplete="off" v-model="graphic_code">
                            </div>
                            <div class="big_txm">
                                <div style="position: absolute">
                                    <img src="./image/login/circle.png" id="graphic" alt=""
                                        style="width: 138px;height: 46px;object-fit: unset;">
                                </div>
                            </div>
                        </div>
                        <div style="float: right;margin-right: 75px;margin-top: 3px;cursor: pointer" @click="Captcha">
                            <img src="./image/login/reset.png" alt=""
                                style="position: absolute;width: 17px;margin-left: -21px;margin-top: 1px;">
                            <div style="font-size: 10px;position: absolute">换一张</div>
                        </div>

                        <div class="phone-trends">
                            <div class="phone-trends-box">
                                <div class="icon-phone">
                                    <div></div>
                                </div>
                                <div class="trends-inp">
                                    <input type="text" name="" id="phone-trends-inp" v-model="phone_code" autocomplete="off">
                                    <label for="phone-trends-inp" id="tredns-lab">请输入验证码</label>
                                </div>
                                <button @click="getCode" class="captcha">获取验证码</button>
                                <button class="num" style="cursor: auto; display: none;background: #ffecb5">获取验证码</button>
                            </div>
                        </div>

                        <div class="big-auto-login">
                            <div class="auto-login">
                                <div class="auto-login-box">
                                    <div>
                                        <label for="auto-checkbox"></label>
                                    </div>

                                </div>
                            </div>
                            <div class="sub-login">
                                <button id="phone-login" @click="phoneSubmit">登录</button>
                            </div>
                            <div class="or-login">
                                <span>或者通过以下方式登录</span>
                            </div>
                            <div class="wx-login">
                                <div class="wx-login-box">
                                    <a href="">
                                        <div class="weix-login-img"></div>
                                    </a>
                                    <a href="">
                                        <div class="weibo-login-img"></div>
                                    </a>
                                </div>
                            </div>
                            <div class="ord-reg">
                                <span>还没账号? 现在 <a class="main-post-go">注册就送900</a></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ord-use">
                    <div class="ord-title">
                        <div class="ord-title-box">
                            <span class="span-phone">
                                <a>手机验证码登录</a>
                            </span>
                            <span style="margin: 0px 20px; font-size: 20px;">|</span>
                            <span class="span-ord">
                                <a>账号密码登录</a>
                            </span>
                        </div>
                        <div class="ord-xx">
                            <a>
                                <img src="./image/login/login2.png" alt="">
                            </a>
                        </div>
                    </div>

                    <div class="ord1">
                        <div class="ord-icon1">
                            <span class="ord-icon1-div">
                                <div></div>
                            </span>
                            <input type="text" class="ord-num" id="ord-inp-num">
                            <label class="ord-icon-lab1" for="ord-inp-num">电子邮箱/手机号码</label>
                            <p class="ord-icon-p1">请输入用户名!</p>
                        </div>
                    </div>
                    <div class="ord-icon1 ord-icon2">
                        <span class="ord-icon2-div">
                            <div></div>
                        </span>
                        <input type="password" class="ord-pwd" id="ord-inp-pwd">
                        <label class="ord-icon-lab2" for="ord-inp-pwd">密码</label>
                        <a class="ord-icon-a">
                            <img src="./image/login/login4.png" alt="" class="ord-icon-img1">
                            <img src="./image/login/login5.png" alt="" class="ord-icon-img2">
                        </a>
                        <p class="ord-icon-p2">请输入密码!</p>
                    </div>
                    <div class="big-auto-login">
                        <div class="auto-login">
                            <div class="auto-login-box">
                                <div>
                                    <input type="checkbox" id="auto-checkbox">
                                    <label for="auto-checkbox">记住密码</label>
                                </div>
                                <a href="">
                                    忘记密码?
                                </a>
                            </div>
                        </div>
                        <div class="sub-login">
                            <button id="sub-login" @click="submit">登录</button>
                        </div>
                        <div class="or-login">
                            <span>或者通过以下方式登录</span>
                        </div>
                        <div class="wx-login">
                            <div class="wx-login-box">
                                <a href="">
                                    <div class="weix-login-img"></div>
                                </a>
                                <a href="">
                                    <div class="weibo-login-img"></div>
                                </a>
                            </div>
                        </div>
                        <div class="ord-reg num_odr_reg">
                            <span>还没账号? 现在 <a class="main-post-go">注册就送900</a></span>
                        </div>
                    </div>

                </div>
            </div>

            <div id="main-post">
                <div id="post-left">
                    <div class="new-people">
                        <span>新人福利来啦! 现在注册就送</span>
                    </div>
                    <div class="nine-price">
                        <span>￥900抵用券</span>
                    </div>
                    <div class="know-info">
                        <button>
                            <a href="">了解详情</a>
                        </button>
                    </div>
                </div>
                <div id="post-right">
                    <div class="post-title">
                        <div class="post-title-box">
                            <span class="p-t-phone">手机注册</span>
                            <span style="color:rgb(176, 176, 176);">|</span>
                            <span class="p-t-email">邮箱注册</span>
                        </div>
                        <img src="./image/login/login2.png" id="post-close" alt="">
                    </div>
                    <div class="post-form">
                        <form>
                            <div class="form-div">
                                <div class="f-div-box">
                                    <div class="sel-content">
                                        <div class="sel-con-box">
                                            <span>+86</span>
                                            <img src="./image/login/login6.svg" alt="">
                                        </div>
                                        <div class="number-div">
                                            <input type="text" id="num-inp">
                                            <label for="num-inp" id="num-lab">手机号码</label>
                                        </div>
                                    </div>
                                    <p class="num-inp-tip">请输入手机号！</p>
                                    <div class="code-content">
                                        <div class="code-c-box">
                                            <div class="c-box-son">
                                                <div class="code-img">
                                                    <div></div>
                                                </div>
                                                <input type="text" id="code-inp">
                                            </div>
                                            <label for="code-inp" id="code-lab">验证码</label>
                                        </div>
                                        <div class="code-btn">
                                            <button>获取验证码</button>
                                        </div>
                                    </div>
                                    <p id="code-tip">请输入验证码!</p>
                                    <div class="post-pwd" style="margin-top:-5px ;">
                                        <div class="post-pwd-box">
                                            <div class="pwd-img">
                                                <div></div>
                                            </div>
                                            <input type="password" name="" id="pwd-inp">
                                        </div>
                                        <div>
                                            <div id="eyes-div1">
                                                <img class="eyes-pwd1" src="./image/login/login4.png" alt="">
                                            </div>
                                            <div id="eyes-div2">
                                                <img class="eyes-pwd2" src="./image/login/login5.png" alt="">
                                            </div>
                                        </div>
                                        <label for="pwd-inp" id="pwd-lab">密码</label>
                                    </div>
                                    <p id="pwd-tip">请输入密码!</p>
                                    <div class="post-pwd-too" style="margin-top:-5px ;">
                                        <div class="post-pwd-box">
                                            <div class="pwd-img">
                                                <div></div>
                                            </div>
                                            <input type="password" name="" id="pwd-inp-too">
                                        </div>
                                        <div id="eyes-div3">
                                            <img class="eyes-pwd3" src="./image/login/login4.png" alt="">
                                        </div>
                                        <div id="eyes-div4">
                                            <img class="eyes-pwd4" src="./image/login/login5.png" alt="">
                                        </div>
                                        <label for="pwd-inp-too" id="pwd-lab-too">请再次确认密码</label>
                                    </div>
                                    <p id="pwd-tip-too">请确认密码!</p>

                                    <div class="post-btn">
                                        <button type="button" id="post-sub" @click="register()">注册</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="post-bom">
                            <div class="post-bom-box">
                                <span class="p-b-span1">已有账号 <a id="go-login">登录</a></span>
                                <span class="p-b-span2">注册视为同意 <a href="">《第六感用户协议</a> 》</span>
                            </div>
                        </div>
                    </div>
                    <div class="post-form2">
                        <form>
                            <div class="form-div">
                                <div class="f-div-box">
                                    <div class="post-email">
                                        <div class="post-e-box">
                                            <div class="post-e-img">
                                                <div></div>
                                            </div>
                                            <input type="text" id="post-e-inp">
                                        </div>
                                        <label for="post-e-inp" id="post-e-lab">电子邮箱</label>
                                    </div>
                                    <p id="post-e-tip1">请输入电子邮箱！</p>
                                    <div class="code-content">
                                        <div class="code-c-box">
                                            <div class="c-box-son">
                                                <div class="code-img">
                                                    <div></div>
                                                </div>
                                                <input type="text" id="email-code">
                                            </div>
                                            <label for="email-code" id="email-lab">验证码</label>
                                        </div>
                                        <div class="code-btn">
                                            <button>获取验证码</button>
                                        </div>
                                    </div>
                                    <p id="post-e-tip2">请输入验证码！</p>
                                    <div class="post-pwd" style="margin-top:-5px ;">
                                        <div class="post-pwd-box">
                                            <div class="pwd-img">
                                                <div></div>
                                            </div>
                                            <input type="password" name="" id="email-pwd-inp">
                                        </div>
                                        <div>
                                            <div id="eyes-div5">
                                                <img class="eyes-pwd5" src="./image/login/login4.png" alt="">
                                            </div>
                                            <div id="eyes-div6">
                                                <img class="eyes-pwd6" src="./image/login/login5.png" alt="">
                                            </div>
                                        </div>
                                        <label for="email-pwd-inp" id="eamil-pwd-lab">密码</label>
                                    </div>
                                    <p id="post-e-tip3">请输入密码！</p>
                                    <div class="post-pwd-too" style="margin-top:-5px ;">
                                        <div class="post-pwd-box">
                                            <div class="pwd-img">
                                                <div></div>
                                            </div>
                                            <input type="password" name="" id="eamil-p-i-too">
                                        </div>
                                        <div id="eyes-div7">
                                            <img class="eyes-pwd7" src="./image/login/login4.png" alt="">
                                        </div>
                                        <div id="eyes-div8">
                                            <img class="eyes-pwd8" src="./image/login/login5.png" alt="">
                                        </div>
                                        <label for="eamil-p-i-too" id="eamil-p-l-too">请再次确认密码</label>
                                    </div>
                                    <p id="post-e-tip4" style="margin-top: -24px;">请确认密码！</p>

                                    <div class="post-e-btn">
                                        <button id="post-e-sub">注册</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="post-bom">
                            <div class="post-bom-box">
                                <span class="p-b-span1">已有账号 <a id="e-go-login">登录</a></span>
                                <span class="p-b-span2">注册视为同意 <a href="">《第六感用户协议</a> 》</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div style="width: 100%; margin: 0 auto">
            <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
                <div class="carousel-inner" style="height: 569px">
                    <div class="carousel-item active" data-bs-interval="20000">
                        <video id="sl-video" class="banner-video1" width="100%" height="100%" muted="" controls="false"
                            autoplay="" slot="body" loop="loop" :src=`image/video/${video_name1}`>
                            您的浏览器不支持 video 标签。
                        </video>
                        <div class="carousel-caption d-none d-md-block" style="padding: 70px 130px;">
                            <div class="look_video">查看完整视频</div>
                        </div>
                    </div>
                    <div class="carousel-item" data-bs-interval="8000" v-for="(rotation,i) in rotations">
                        <img :src="'image/home_page/rotation/' + rotation.rotation_img" class="d-block w-100" alt="...">
                        <div class="carousel-caption d-none d-md-block"
                            style="width: 1000px;height: 120px;margin: 0 auto;padding: 70px 130px; position: absolute;top: 250px;">
                            <h1 style="text-shadow: 0px 1px 3px black;color: #fff;text-align: left;width: 100%;">
                                {{rotation.rotation_title}}</h1>
                            <p style="text-shadow: 0px 1px 3px black;font-size: 24px; color: #fff;text-align: left;">
                                {{rotation.rotation_default}}</p>
                        </div>
                    </div>
                </div>
                <div class="search_box">
                    <div class="search_item_box">
                        <i class="el-icon-location-outline"
                            style="color: rgb(255, 128, 0);position: absolute;margin-top: 8px;font-size: 23px;margin-left: 15px;"></i>
                        <input type="text" class="search_text_box" placeholder="目的地/酒店/别墅/小团" v-model="place">
                        <template>
                            <div class="block" style="margin-right: 70px;">
                                <el-date-picker v-model="value1" type="date" placeholder="选择日期">
                                </el-date-picker>
                            </div>
                        </template>
                        <i class="el-icon-user"
                            style="z-index: 99;color: rgb(255, 128, 0);position: absolute;margin-top: 8px;font-size: 23px;left: 708px;"></i>
                        <template>
                            <el-select style="margin-right: 20px;" v-model="value" placeholder="入住人数">
                                <el-option v-for="item in options" :key="item.value" :label="item.label"
                                    :value="item.value">
                                </el-option>
                            </el-select>
                        </template>
                        <button class="btn_search" @click="search">搜索</button>
                    </div>
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"
                        style="width: 6rem;height: 6rem;"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"
                        style="width: 6rem;height: 6rem;"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        </div>
        <div class="body">
            <div class="body_reserve_box">
                <h1 class="body_title_text">全球值得信赖的精品别墅和公寓短租平台</h1>
                <div class="body_reserve_img"></div>
                <ul class="ul_css body_reserve_ul">
                    <li class="li_css body_reserve_li">
                        <div class="body_reserve_text">个性</div>
                        <p class="body_reserve_p">更大、更私密空间， 能够满足您不同场景下的个性化需求</p>
                    </li>
                    <li class="li_css body_reserve_li2">
                        <div class="body_reserve_text">尊贵</div>
                        <p class="body_reserve_p">7*24管家服务：司机、厨师、管家、保安，一应俱全。尊享奢华住宿体验</p>
                    </li>
                    <li class="li_css body_reserve_li3">
                        <div class="body_reserve_text">超值</div>
                        <p class="body_reserve_p">人均价格及附加服务使得别墅比高端酒店性价比更高</p>
                    </li>
                    <li class="li_css body_reserve_li4" style="margin-right: -39px;">
                        <div class="body_reserve_text">品质</div>
                        <p class="body_reserve_p">专人定期现场检查，保证无与伦比的住宿品质</p>
                    </li>

                </ul>
                <ul class="ul_css">
                </ul>
            </div>
            <div class="body_proportion_box">
                <ul class="ul_css body_proportion_ul">
                    <li>
                        <p class="body_proportion_p">拥有</p>
                        <div class="number_text">
                            <span class="proportion_number_span">3</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">9</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">0</span>
                        </div>
                        <p class="body_proportion_p">个海外目的地，</p>
                        <div class="number_text">
                            <span class="proportion_number_span">5</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">4</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">3</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">3</span>
                        </div>
                        <p class="body_proportion_p">套高端业务，累计服务</p>
                        <div class="number_text">
                            <span class="proportion_number_span">3</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">7</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">2</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">7</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">9</span>
                        </div>
                        <div class="number_text">
                            <span class="proportion_number_span">2</span>
                        </div>
                        <p class="body_proportion_p">位客户入住</p>
                    </li>
                </ul>
            </div>
            <div class="highlights_box">
                精彩点评
                <div class="highlights_item_text"></div>
                <div class="highlights_item_box">
                    <div class="highlights_item_left">
                        <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-indicators" style="top: 428px">
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
                                    class="active highlights_btn" aria-current="true" aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                                    class="highlights_btn" aria-label="Slide 2"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                                    class="highlights_btn" aria-label="Slide 3"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"
                                    class="highlights_btn" aria-label="Slide 4"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4"
                                    class="highlights_btn" aria-label="Slide 5"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5"
                                    class="highlights_btn" aria-label="Slide 6"></button>
                            </div>
                            <div class="carousel-inner">
                                <div :class="i==0? 'carousel-item active': 'carousel-item'" data-bs-interval="3000"
                                    v-for="(comm,i) in comment_info">
                                    <div class="highlights_info_box">
                                        <div class="highlights_info_left_box" v-for="(comm_head,ind) in imgs2[i]">
                                            <img :src="'./image/home_page/highlights/critic_img/'+comm_head" alt=""
                                                class="highlights_head_css">
                                        </div>
                                        <div class="highlights_info_right_box">
                                            <div class="highlights_info_right_top_box" style="margin-left: 10px;">
                                                <p class="highlights_info_top_p">{{comm.user_name}}</p>
                                                <div class="highlights_info_right_top_ico"></div>
                                                <a href="#"
                                                    class="a_text_all highlights_info_top_a">{{comm.villa_place}}</a>
                                                <a href="single.html"
                                                    class="a_text_all highlights_info_top_a2">更多体验>></a>
                                            </div>

                                            <div class="highlights_info_right_bottom_box"
                                                style="overflow: hidden;cursor:pointer;text-align: left;">
                                                <span class="user_evaluate"
                                                    :title="comm.comment_content">{{comm.comment_content}}</span>
                                            </div>

                                        </div>

                                    </div>
                                    <a href="#" class="a_text_all">
                                        <ul class="ul_css highlights_ul">
                                            <li class="li_css" v-for="(c,img) in imgs[i]">
                                                <img :src="'./image/home_page/highlights/critic_img/'+c" v-if="img<6"
                                                    class="highlights_img" alt="" />
                                            </li>
                                        </ul>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="highlights_item_right">
                        <ul class="highlights_right_hidden ul_css">
                            <li class="highlights_right_li" v-for="(comm,i) in comment_info">
                                <div class="highlights_right_box" v-for="(comm_head,ind) in imgs2[i]">
                                    <img :src="'./image/home_page/highlights/critic_img/'+comm_head" alt=""
                                        class="highlights_head_right_css">
                                </div>
                                <p class="highlights_right_li_p">{{comm.user_name}}</p><br>
                                <p class="highlights_info_right_top_ico" style="margin-top: -3px;margin-left: 7px;"></p>
                                <span class="highlights_right_span">{{comm.villa_place}}</span>
                                <span style="line-height: 20px;font-size: 14px;text-align: left;float:left;"
                                    class="title_span_coment">{{comm.comment_content | cut(65)}}</span>
                            </li>
                        </ul>
                        <div class="up-gradient"></div>
                    </div>
                    <div style="float: right;margin-right: 75px;padding: 20px 0;">
                        <div class="icons-arrow icons-down-arrow"></div>
                        <div class="icons-arrow icons-up-arrow"></div>
                    </div>
                </div>

            </div>
            <div class="body_item">
                <div class="hot_destinations_text">热门目的地</div>
                <div class="hot_destinations_box">
                    <div class="hot_destinations_left">
                        <div class="hot_destinations_left_1">
                            <span class="a_text_all" style="cursor: pointer;">
                                <div class="hot_img">
                                    <div class=" hot_left1_img1">
                                        <span class="hot_text" @click="addressSesrch">马尔代夫</span>
                                        <br>
                                        <span class="hot_text_box">60个精选房源</span>
                                    </div>
                                </div>
                            </span>
                            <span class="a_text_all" style="cursor: pointer;">
                                <div class="hot_img" style="margin-right: 0">
                                    <div class=" hot_left1_img2">
                                        <span class="hot_text" @click="addressSesrch">三亚</span>
                                        <br>
                                        <span class="hot_text_box">31个精选房源</span>
                                    </div>
                                </div>
                            </span>
                        </div>
                        <div class="hot_destinations_left_2">
                            <span class="a_text_all" style="cursor: pointer;">
                                <div class="hot_img">
                                    <div class=" hot_left2_img1">
                                        <span class="hot_text" @click="addressSesrch">上海</span>
                                        <br>
                                        <span class="hot_text_box">13个精选房源</span>
                                    </div>
                                </div>
                            </span>
                            <span style="cursor: pointer;" class="a_text_all">
                                <div class="hot_img">
                                    <div class=" hot_left2_img2">
                                        <span class="hot_text" @click="addressSesrch">江苏</span>
                                        <br>
                                        <span class="hot_text_box">21个精选房源</span>
                                    </div>
                                </div>
                            </span>
                            <span style="cursor: pointer;" class="a_text_all">
                                <div class="hot_img" style="margin-right: 0">
                                    <div class=" hot_left2_img3">
                                        <span class="hot_text" @click="addressSesrch">云南</span>
                                        <br>
                                        <span class="hot_text_box">54个精选房源</span>
                                    </div>
                                </div>
                            </span>
                        </div>
                        <div class="hot_destinations_left_1">
                            <span style="cursor: pointer;" class="a_text_all">
                                <div class="hot_img">
                                    <div class=" hot_left1_img3">
                                        <span class="hot_text" @click="addressSesrch">苏梅岛</span>
                                        <br>
                                        <span class="hot_text_box">245个精选房源</span>
                                    </div>
                                </div>
                            </span>
                            <span style="cursor: pointer;" class="a_text_all">
                                <div class="hot_img" style="margin-right: 0">
                                    <div class=" hot_left1_img4">
                                        <span class="hot_text" @click="addressSesrch">北京</span>
                                        <br>
                                        <span class="hot_text_box">11个精选房源</span>
                                    </div>
                                </div>
                            </span>
                        </div>
                    </div>
                    <div class="hot_destinations_right">
                        <span style="cursor: pointer;" class="a_text_all">
                            <div class="hot_img" style="margin-bottom: 15px">
                                <div class=" hot_left1_img5">
                                    <span class="hot_text" @click="addressSesrch">浙江</span>
                                    <br>
                                    <span class="hot_text_box">221个精选房源</span>
                                </div>
                            </div>
                        </span>

                        <span style="cursor: pointer;" class="a_text_all">
                            <div class="hot_img" style="height: 148px;margin-bottom: 15px">
                                <div class=" hot_left1_img6">
                                    <span class="hot_text" style="margin-top: 48px;" @click="addressSesrch">普吉岛</span>
                                    <br>
                                    <span class="hot_text_box">23个精选房源</span>
                                </div>
                            </div>
                        </span>
                        <span style="cursor: pointer;" class="a_text_all">
                            <div class="hot_img" style="height: 148px;margin-bottom: 15px">
                                <div class=" hot_left1_img7">
                                    <span class="hot_text" style="margin-top: 48px;" @click="addressSesrch">四川</span>
                                    <br>
                                    <span class="hot_text_box">19个精选房源</span>
                                </div>
                            </div>
                        </span>
                        <span style="cursor: pointer;" class="a_text_all">
                            <div class="hot_img" style="height: 148px;margin-bottom: 15px">
                                <div class=" hot_left1_img8">
                                    <span class="hot_text" style="margin-top: 48px;" @click="addressSesrch">巴厘岛</span>
                                    <br>
                                    <span class="hot_text_box">233个精选房源</span>
                                </div>
                            </div>
                        </span>
                    </div>
                </div>
                <div class="hot_destinations_text" style="padding-top: 50px;margin-bottom: 3px;">最受欢迎的别墅</div>
                <ul class="ul_css most_ul">
                    <div style="margin: 0 auto; width: 400px;">
                        <li class="li_css">
                            <span class="most_li_span" @click="welcomeSearch">苏梅岛</span>
                        </li>
                        <li class="li_css">
                            <span @click="welcomeSearch">普吉岛</span>
                        </li>
                        <li class="li_css">
                            <span @click="welcomeSearch">巴厘岛</span>
                        </li>
                        <li class="li_css">
                            <span @click="welcomeSearch">京都府</span>
                        </li>
                        <li class="li_css">
                            <span @click="welcomeSearch">北海道</span>
                        </li>
                        <li class="li_css">
                            <span @click="welcomeSearch">海南</span>
                        </li>
                    </div>
                </ul>
                <ul class="ul_css welcome_box">
                    <li class="li_css welcome_li" v-for="(w,i) in welcome_villa">
                        <a :href="'commodity.html?id='+w.villa_id" class="a_text_all">
                            <img :src=`image/villa_img/${w.villa_introduce}` alt="" class="welcome_img">
                            <div class="welcome_type">
                                <span class="welcome_type_text">{{w.vnorms_name}}</span>
                            </div>
                        </a>
                        <div class="welcome_infobox">
                            <a href="" class="a_text_all" style="display: flow-root;">
                                <div class="welcome_title">{{w.villa_name}}</div>
                                <div class="welcome_price">¥
                                    <span class="welcome_price_text">{{w.villa_price}}</span>
                                    <span class="welcome_price_text2">/晚起</span>
                                </div>
                            </a>
                            <div class="welcome_djk">
                                <span style="color: #999;">{{w.villa_place}}</span>
                                <span class="per_capita">人均123/晚起</span>
                            </div>
                        </div>
                        <div class="welcome_icon_box">
                            <div class="welcome_icon_itembox">
                                <div class="welcome_icon_css"></div>
                                <span class="welcome_text">{{w.villa_rooms}}</span>
                            </div>
                            <div class="welcome_icon_itembox" style="margin: 0">
                                <div class="welcome_icon_css2"></div>
                                <span class="welcome_text">{{w.villa_baths}}</span>
                            </div>
                            <div class="welcome_icon_itembox" style="border: none">
                                <div class="welcome_icon_css3"></div>
                                <span class="welcome_text">{{w.villa_swmins}}</span>
                            </div>
                            <div class="welcome_icon_itembox_right">
                                <div class="welcome_icon_css5"></div>
                                <span class="welcome_text" v-for="(comments,l) in comment"
                                    v-if="comments.villa_name==w.villa_name">{{ comments.comments.length }}</span>
                            </div>
                            <div class="welcome_icon_itembox_right">
                                <div class="welcome_icon_css4"></div>
                                <span class="welcome_text" v-for="(villa_book,l) in villa_book"
                                    v-if="villa_book.villa_name==w.villa_name">{{ villa_book.reserves[0].reserve_nub
                                    }}</span>
                            </div>
                        </div>
                    </li>
                </ul>
                <a href="" class="a_text_all">
                    <div class="more_box">更多
                        <span>苏梅岛</span>
                        别墅
                    </div>
                </a>
                <div class="hot_destinations_text" style="padding-top: 50px;margin-bottom: 3px;">最受欢迎的酒店</div>
                <ul class="ul_css most_ul">
                    <div style="margin: 0 auto; width: 320px;">
                        <li class="li_css">
                            <span class="most_li_span">上海</span>
                        </li>
                        <li class="li_css">
                            <span>北京</span>
                        </li>
                        <li class="li_css">
                            <span>广州</span>
                        </li>
                        <li class="li_css">
                            <span>深圳</span>
                        </li>
                        <li class="li_css">
                            <span>成都</span>
                        </li>
                        <li class="li_css">
                            <span>杭州</span>
                        </li>
                    </div>
                </ul>
                <ul class="ul_css welcome_box">
                    <li class="li_css welcome_li">
                        <a href="" class="a_text_all">
                            <img src="image/home_page/popular_hotels/hotels_1.jpg" alt="" class="welcome_img">
                            <div class="welcome_type">
                                <span class="welcome_type_text">海景</span>
                                <span class="welcome_type_text">夜景</span>
                                <span class="welcome_type_text">奢华</span>
                            </div>
                        </a>
                        <div class="welcome_infobox">
                            <a href="" class="a_text_all" style="display: flow-root;">
                                <div class="welcome_title">上海香格里拉酒店</div>
                                <div class="welcome_price">¥
                                    <span class="welcome_price_text">7,534</span>
                                    <span class="welcome_price_text2">/晚起</span>
                                </div>
                            </a>
                            <div class="welcome_djk">
                                <span style="color: #999;">中国，上海</span>
                                <span class="per_capita">人均¥942/晚起</span>
                            </div>
                        </div>
                        <div class="welcome_icon_box">
                            <div class="welcome_icon_itembox">
                                <div class="welcome_icon_css"></div>
                                <span class="welcome_text">5</span>
                            </div>
                            <div class="welcome_icon_itembox" style="margin: 0">
                                <div class="welcome_icon_css2"></div>
                                <span class="welcome_text">1</span>
                            </div>
                            <div class="welcome_icon_itembox" style="border: none">
                                <div class="welcome_icon_css3"></div>
                                <span class="welcome_text">1</span>
                            </div>
                            <div class="welcome_icon_itembox_right">
                                <div class="welcome_icon_css5"></div>
                                <span class="welcome_text">2329</span>
                            </div>
                            <div class="welcome_icon_itembox_right">
                                <div class="welcome_icon_css4"></div>
                                <span class="welcome_text">6544</span>
                            </div>
                        </div>
                    </li>
                    <li class="li_css welcome_li">
                        <a href="" class="a_text_all">
                            <img src="image/home_page/popular_hotels/hotels_2.jpg" alt="" class="welcome_img">
                            <div class="welcome_type">
                                <span class="welcome_type_text">风格</span>
                                <span class="welcome_type_text">恬静</span>
                            </div>
                        </a>
                        <div class="welcome_infobox">
                            <a href="" class="a_text_all" style="display: flow-root;">
                                <div class="welcome_title">龙源酒店</div>
                                <div class="welcome_price">¥
                                    <span class="welcome_price_text">5,534</span>
                                    <span class="welcome_price_text2">/晚起</span>
                                </div>
                            </a>
                            <div class="welcome_djk">
                                <span style="color: #999;">中国，广东</span>
                                <span class="per_capita">人均¥542/晚起</span>
                            </div>
                        </div>
                        <div class="welcome_icon_box">
                            <div class="welcome_icon_itembox">
                                <div class="welcome_icon_css"></div>
                                <span class="welcome_text">4</span>
                            </div>
                            <div class="welcome_icon_itembox" style="margin: 0">
                                <div class="welcome_icon_css2"></div>
                                <span class="welcome_text">2</span>
                            </div>
                            <div class="welcome_icon_itembox" style="border: none">
                                <div class="welcome_icon_css3"></div>
                                <span class="welcome_text">1</span>
                            </div>
                            <div class="welcome_icon_itembox_right">
                                <div class="welcome_icon_css5"></div>
                                <span class="welcome_text">1767</span>
                            </div>
                            <div class="welcome_icon_itembox_right">
                                <div class="welcome_icon_css4"></div>
                                <span class="welcome_text">3463</span>
                            </div>
                        </div>
                    </li>
                    <li class="li_css welcome_li">
                        <a href="" class="a_text_all">
                            <img src="image/home_page/popular_hotels/hotels_3.jpg" alt="" class="welcome_img">
                            <div class="welcome_type">
                                <span class="welcome_type_text">海景</span>
                                <span class="welcome_type_text">夜景</span>
                                <span class="welcome_type_text">风光</span>
                            </div>
                        </a>
                        <div class="welcome_infobox">
                            <a href="" class="a_text_all" style="display: flow-root;">
                                <div class="welcome_title">上海东浦大酒店</div>
                                <div class="welcome_price">¥
                                    <span class="welcome_price_text">10,534</span>
                                    <span class="welcome_price_text2">/晚起</span>
                                </div>
                            </a>
                            <div class="welcome_djk">
                                <span style="color: #999;">泰国，苏梅岛</span>
                                <span class="per_capita">人均¥1342/晚起</span>
                            </div>
                        </div>
                        <div class="welcome_icon_box">
                            <div class="welcome_icon_itembox">
                                <div class="welcome_icon_css"></div>
                                <span class="welcome_text">6</span>
                            </div>
                            <div class="welcome_icon_itembox" style="margin: 0">
                                <div class="welcome_icon_css2"></div>
                                <span class="welcome_text">3</span>
                            </div>
                            <div class="welcome_icon_itembox" style="border: none">
                                <div class="welcome_icon_css3"></div>
                                <span class="welcome_text">1</span>
                            </div>
                            <div class="welcome_icon_itembox_right">
                                <div class="welcome_icon_css5"></div>
                                <span class="welcome_text">9768</span>
                            </div>
                            <div class="welcome_icon_itembox_right">
                                <div class="welcome_icon_css4"></div>
                                <span class="welcome_text">13698</span>
                            </div>
                        </div>
                    </li>
                </ul>
                <a href="" class="a_text_all">
                    <div class="more_box">更多
                        <span>上海</span>
                        别墅
                    </div>
                </a>
                <div class="hot_destinations_text">精彩视频</div>
                <ul class="ul_css most_ul"></ul>
                <div><i class="el-icon-arrow-left el_left"></i></div>
                <div class="great_video">
                    <ul class="ul_css great_ul">
                        <li class="li_css great_li" v-for="(fv, i) in findVideo" :key="fv.video_id">
                            <a v-if="i%2==0">
                                <div class="great_img_box">
                                    <div class="great_img">
                                        <video class="banner-video1" style="width: 100%; height:100%; object-fit: cover"
                                            muted="" controls="false" autoplay="" slot="body" loop="loop"
                                            :src=`image/video/${fv.video_name}`>
                                            您的浏览器不支持 video 标签。
                                        </video>
                                    </div>
                                </div>
                                <div class="great_text_box">
                                    <div class="video_title">热带风情，安静私密的海滨庄园</div>
                                    <div class="video_details">印度尼西亚，巴厘岛 &nbsp;|&nbsp; 叶榕别墅</div>
                                </div>
                            </a>
                            <a v-else>
                                <div class="great_text_box">
                                    <div class="video_title">热带风情，安静私密的海滨庄园</div>
                                    <div class="video_details">印度尼西亚，巴厘岛 &nbsp;|&nbsp; 叶榕别墅</div>
                                </div>
                                <div class="great_img_box">
                                    <div class="great_img">
                                        <video id="" style="width: 100%; height:100%; object-fit: cover" muted=""
                                            controls="false" autoplay="" slot="body" loop="loop"
                                            :src=`image/video/${fv.video_name}`>
                                            您的浏览器不支持 video 标签。
                                        </video>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div><i class="el-icon-arrow-right el_right"></i></div>
                <!--            <div class="video_hidden_box">-->
                <!--                <video id="great_video" class="banner-video1" width="800px" height="400px" muted=""-->
                <!--                       controls="false" autoplay="" slot="body" loop="loop"-->
                <!--                       src="image/home_page/video/sl_video.mp4" style="object-fit: cover">-->
                <!--                    您的浏览器不支持 video 标签。-->
                <!--                </video>-->
                <!--            </div>-->
                <div class="hot_destinations_text" style="margin-top: 45px;margin-bottom: 0">游记攻略</div>
                <ul class="ul_css most_ul"></ul>
                <a href="vacation_tips.html">
                    <div class="travels_box">
                        <div class="travels_left_box">
                            <div class="travels_img1">
                                <span>盘点中国已开业的8家W酒店，看看你都住过哪些？</span>
                            </div>
                            <div class="travels_img2">
                                <span>国内4省滑雪场攻略大合集，一篇在手，出...</span>
                            </div>
                            <div class="travels_img3">
                                <span> 杭州西湖边上的这三家奢华酒店，你都...</span>
                            </div>
                            <div class="travels_img4">
                                <span> 中国4家安缦酒店一次看遍，哪家是你的心...</span>
                            </div>
                        </div>
                        <div class="travels_right_box">
                            <div class="travels_img5" style="margin-left:10px;">
                                <span> 盘点中国正在开业的七家四季酒店，你都...</span>
                            </div>
                            <div class="travels_img6" style="margin-right: 0">
                                <span> 盘点中国大陆地区的4家罗莱夏朵，你都...</span>
                            </div>
                        </div>

                    </div>
                </a>
                <div class="cooperative_box">
                    <h3 class="cooperative_text">媒体报道</h3>
                    <div style="display: flow-root">
                        <div class="cooperative_img"></div>
                        <span>
                            中高端别墅及公寓预订平台“第六感 SenseLuxury” 宣布完成 B 轮融资，投资方为高和翰同
                            ，具体金额并未透露。此外，2015年11月，第六感宣布完成A轮融资，由SIG领投，
                            China Rock跟投；Pre A 轮则来自上市公司中兴通讯旗下基金中兴合创。
                        </span>
                        <div class="cooperative_img2"></div>
                        <span>
                            曾在DFJ做VC的边浩，2013年离开了这家机构在上海创办了“第六感Senseluxury”：整合境外零散的别墅房源，
                            打造一个满足国内用户高端度假的O2O服务平台。带朋友、家人度假、举办婚礼、公司高管开会等仪式这些都是其服务对象。
                        </span>
                    </div>
                </div>
                <div class="cooperative_box2">
                    <h3 class="cooperative_text"
                        style="border-bottom: 1px solid #d2d2d2;box-shadow: 0 1px 0 #fff;margin-bottom: 20px;">合作伙伴
                    </h3>
                    <div class="cooperative_ico">
                        <span class="cooperative_img1"></span>
                        <span class="cooperative_imgs2"></span>
                        <span class="cooperative_img3"></span>
                        <span class="cooperative_img4"></span>
                        <span class="cooperative_img5"></span>
                        <span class="cooperative_img6"></span>
                        <span class="cooperative_img7"></span>
                    </div>
                    <div class="cooperative_ico">
                        <span class="cooperative_img8"></span>
                        <span class="cooperative_img9"></span>
                        <span class="cooperative_img10"></span>
                        <span class="cooperative_img11"></span>
                        <span class="cooperative_img12"></span>
                        <span class="cooperative_img13"></span>
                        <span class="cooperative_img14"></span>
                    </div>

                </div>
            </div>

        </div>
        <div class="bottom">
            <div class="bottom_box">
                <div class="bottom_details" v-for="(website,inde) in website_imgs">
                    <div class="img_Logo">
                        <img :src="'./image/public/'+ website " alt="">
                    </div>
                    <div class="bottom_text">
                        第六感-别墅公寓、奢华酒店、私人定制。我们推崇与众不同的度假理念，提供包括度假别墅、短租公寓和奢华酒店在内的多元化住宿选择，另有私人包机，行程定制，豪华游轮等预订服务。
                        第六感致力于满足您的个性化需求，为您提供专业的一站式度假服务。
                    </div>
                    <ul class="ul_css bottom_ul">
                        <li class="bottom_li">
                            <div class="bottom_ico_vx"></div>
                            <p class="bottom_p_css bottom_text">微信订阅号</p>
                        </li>
                        <li class="bottom_li">
                            <div class="bottom_ico_blog"></div>
                            <p class="bottom_p_css bottom_text">官方微博</p>
                        </li>
                        <li class="bottom_li">
                            <div class="bottom_ico_tmallx"></div>
                            <p class="bottom_p_css bottom_text">官方天猫</p>
                        </li>
                    </ul>
                </div>
                <div class="bottom_service">

                    <div class="service_box">
                        <div class="service_ico_box">
                            <div class="service_phone_ico">
                            </div>
                            <div class="service_text_box">
                                <span class="bottom_text service_text">400-9600-080</span>
                                <p class="bottom_text">7x24 小时在线服务</p>
                            </div>
                            <div class="service_message_ico"></div>
                            <div class="service_text_box">
                                <span class="bottom_text service_text">服务支持</span>
                                <p class="bottom_text">Rookie团队</p>
                            </div>
                        </div>
                        <div class="service_ico_box">
                            <div class="service_text_box">
                                <span class="bottom_text service_text">市场合作</span>
                                <p class="bottom_text">marketing@Rookie.com</p>
                            </div>
                            <div class="service_text_box">
                                <span class="bottom_text service_text">房源合作</span>
                                <p class="bottom_text">partnership@Rookie.com</p>
                            </div>
                        </div>
                        <ul class="ul_css" style="float:left;margin-top: 13px;">
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">关于团队</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">常见问题</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">服务理念</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">网站地图</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">加入我们</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">同行注册</span>
                                </a>
                            </li>
                        </ul>
                        <div class="service_reserve_box">
                            <div class="reserve_img"></div>
                            <p class="bottom_text reserve_text">APP预订，即时简单快捷</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="business_license">
                <div class="bottom_box">
                    <div class="business_license_text">Copyright © 2013-2022 上海墅假网络科技有限公司 沪ICP备14011210号 营业执照</div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/index.js"></script>

</html>